<template>
  <el-container>
    <el-header>
      <nav-menu></nav-menu>
    </el-header>
    <el-main>
      <router-view></router-view>
    </el-main>
    <el-footer>
      <footer-a></footer-a>
    </el-footer>
  </el-container>
</template>

<script>
import navMenu from "../../share/menu/navmenu";
import footerA from "../../share/menu/footerA";
export default {
  name: "Home",
  components: {
    navMenu,
    footerA
  }
};
</script>
<style  lang="less" scoped>
.el-carousel__item h3 {
  color: #475669;
  font-size: 18px;
  opacity: 0.75;
  line-height: 300px;
  margin: 0;
}
// .el-form-item__content {
//   margin-left: 0 !important;
//   display: flex;
//   // justify-content: center;
// }
.el-carousel__container {
  position: relative;
  height: 500px;
}
.el-carousel__container {
  height: 314px;
  border-radius: 15px;
}
.el-dialog__body {
  padding: 10px 20px;
}
.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}

.el-header{
  padding: 0;
  height: 62px!important;
}
.el-footer{
  padding: 0;
  height: 62px!important;
}
.midd {
  width: 1200px;
  margin: 0 auto;
  .el-card {
    margin-bottom: 10px;
  }
  .noticeList {
    display: flex;
    justify-content: space-between;
  }
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
  }
  .time {
    font-size: 13px;
    color: #999;
  }

  .bottom {
    margin-top: 13px;
    line-height: 12px;
  }

  .button {
    right: 0;
  }

  .image {
    width: 100%;
    display: block;
  }
  .el-col-8 {
    width: 22.7%;
  }

  .el-col {
    margin: 12px;
  }

  .el-col-offset-2 {
    margin-left: 12px;
  }
  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both;
  }
  .el-form-item__label {
    text-align: left !important;
  }
  .el-tag--plain {
    margin-right: 20px !important;
  }
}
.cardDetail {
  .el-card {
    width: 100%;
    .el-card__body {
      // width: 600px !important;
    }
    video {
      width: 55%;
      float: left;
      padding-bottom: 20px;
    }
    .cardddd {
      width: 40%;
      float: right;
    }
  }
  .block {
    width: 95%;
    margin: 0 auto;
    .el-card {
      width: 80% !important;
      .el-card__body {
        text-align: left !important;
        padding: 10px;
      }
      .el-icon-delete:hover {
        color: red;
      }
      p {
        margin: 0 !important;
      }
    }
    .el-timeline-item {
      padding-bottom: 0;
    }
  }
  .comment {
    background: #fff;
    margin-top: -41px;
  }
}

</style>
